<template>
    <div class="index">
        <div class="container">
            <el-container>
                <el-header height="60px">
                    <Nav></Nav>
                </el-header>
                <el-main>
                    <div class="mainBox">
                        <router-view/>
                    </div>
                </el-main>
                <!-- <el-footer></el-footer>    -->
            </el-container>
        </div>
    </div>
</template>
<script>
import Nav from "../components/Nav";
export default {
    name:'index',
    components:{
        Nav,
    }
}
</script>

<style scoped>
.index{
    width:100%;
    margin:0 auto;
}
.container{
    width:1000px;
    margin:0 auto;
}
.mainBox{
    width:100%;
    height:auto;
    /* border:1.5px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 5px 10px #ccc; */
    margin: 0 auto;
}
@media only screen and (max-width:1000px){
    .container{
        width:100%;
    }
}

</style>